<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  
  <head>
    <meta charset="UTF-8">
    <title>sinocare</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/xadmin.css">
    <script src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">个人中心</a>
        <a>
          <cite>个人信息</cite></a>
      </span>
      <a class="layui-btn layui-btn-primary layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:38px">ဂ</i></a>
    </div>
    <div class="x-body">
      
      <xblock>
个人信息
      </xblock>
      <xblock>
 <div class="x-body" id="adminInfo">
        <form class="layui-form">
          <div class="layui-form-item">
              <label for="username" class="layui-form-label" style="width: 150px">
                  <span class="x-red">*</span>账号名称：
              </label>
              <div class="layui-input-inline">
                  <input type="text" id="account" name="username" required lay-verify="required" disabled="disabled"
                  autocomplete="off" class="layui-input" th:value="${accountnumber.account}" readonly="readonly">
              </div>
          </div>
          <div class="layui-form-item">
              <label for="username" class="layui-form-label" style="width: 150px">
                  <span class="x-red">*</span>姓名：
              </label>
              <div class="layui-input-inline">
                  <input type="text" id="aname" name="username" required lay-verify="required" disabled="disabled"
                  autocomplete="off" class="layui-input" th:value="${accountnumber.aname}">
              </div>
          </div>

           <div class="layui-form-item">
              <label for="username" class="layui-form-label" style="width: 150px">
                  <span class="x-red">*</span>联系电话：
              </label>
              <div class="layui-input-inline">
                  <input type="text" maxlength="11" id="phone" name="username" required lay-verify="required" disabled="disabled"
                  autocomplete="off" class="layui-input" th:value="${accountnumber.phone}">
              </div>
          </div>

            <div class="layui-form-item">
                <label for="username" class="layui-form-label" style="width: 150px">
                    <span class="x-red">*</span>输入验证码：
                </label>
                <div class="layui-input-inline" style="display: inline-block">
                    <input type="text" id="yanZheng" required lay-verify="required" disabled="disabled"
                           autocomplete="off" class="layui-input">
                </div>
                <input type="button" class="layui-btn" id="yan" value="获取验证码" disabled="disabled"
                       style="background-color: #FFFFFF;color: #0cc215;"/>
            </div>
      <div class="layui-form-item">
              <label for="L_repass" class="layui-form-label" style="width: 150px">
              </label>
              <button type="button" class="layui-btn" id="baocun" disabled="disabled"
                       style="background-color: #FFFFFF;color: #0cc215;">
                  保存
              </button>
              <button type="button" class="layui-btn" id="bianji" style="width: 100px">
                  编辑
              </button>
          </div>
       
      </form>
    </div>
 </xblock>
    </div>
    <script>

        $(function () {
            var phone1;
            $("#bianji").click(function () {
                if ($("#bianji").text() != '编辑') {
                    $("#bianji").text("编辑");
                    $("#aname").attr('disabled','disabled');
                    $("#phone").attr('disabled','disabled');
                    $("#yanZheng").attr('disabled','disabled');
                    $("#yanZheng").text("");
                    $("#yan").attr('style','background-color: #FFFFFF;color: #0cc215;');
                    $("#yan").attr('disabled','disabled');
                    $("#baocun").attr('disabled','disabled');
                    $("#baocun").attr('style','background-color: #FFFFFF;color: #0cc215;');

                }else {
                    $("#bianji").text("取消编辑");
                    $("#baocun").removeAttr('disabled');
                    $("#baocun").removeAttr('style');
                    $("#yan").removeAttr('style');
                    $("#yan").removeAttr('disabled');
                    $("#aname").removeAttr('disabled');
                    $("#phone").removeAttr('disabled');
                    $("#yanZheng").removeAttr('disabled');

                }
            });

            $("#baocun").click(function () {

                var yanZheng = $("#yanZheng").val();
                var phone2 = $("#phone").val();
                var aname = $("#aname").val();
                if(phone1 != phone2){
                    layer.msg('电话号码不匹配！', {time:1000, icon:5, shift:6, offset:['200px', '225px']});
                    return false;
                }
                if (yanZheng == "") {
                    layer.msg('请输入验证码！', {time:1000, icon:5, shift:6, offset:['200px', '225px']});
                    return false;
                }
                $.ajax({
                    url: "/upAdminInfo",
                    type: "POST",
                    data:{
                        "aname": aname,
                        "phone1": phone1,
                        "phone2": phone2,
                        "yanZheng": yanZheng
                    },
                    success: function (result) {
                        if (result.code != '200') {
                            layer.msg(result.maggers, {time:1000, icon:5, shift:6, offset:['200px', '225px']});
                            return false;
                        }else {
                            layer.msg(result.maggers, {time:1000, icon:6, shift:1, offset:['200px', '225px']});
                        }
                    }
                })
                clearInterval(timer);
                $("#yan").val("");
                $("#yan").attr('disabled','disabled');
                $("#baocun").attr('style','background-color: #FFFFFF;color: #0cc215;');
                $("#baocun").attr('disabled','disabled');
                $("#aname").attr('disabled','disabled');
                $("#phone").attr('disabled','disabled');
                $("#yan").attr('style','background-color: #FFFFFF;color: #0cc215;');
                $("#yan").attr('disabled','disabled');
            });

            $("#yan").click(function () {
                phone1 = $("#phone").val();
                var yan = $("#yan");
                var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+\d{8})$/;
                if(!myreg.test(phone1)){
                    layer.msg('请输入正确的手机号！', {time:1000, icon:5, shift:6, offset:['200px', '225px']});
                    return false;
                }
                $.ajax({
                    url: "/send_out",
                    type: "POST",
                    data:{
                        "phone": phone1
                    },
                    success: function (result) {
                        if(result.code == '200'){
                            layer.msg(result.maggers, {time:1000, icon:6, shift:1, offset:['200px', '225px']});
                        }
                    }
                })
                var num = 60;
                var timer = setInterval(function () {
                    if (num > 1) {
                        yan.val("重新发送(" + num + ")").attr("disabled", "disabled");
                        $("#bianji").attr('style','background-color: #FFFFFF;color: #0cc215;width: 100px;');
                        $("#bianji").attr('disabled','disabled');
                        num--;
                    } else {
                        yan.val("获取验证码").removeAttr("disabled");
                        if ($("#baocun").attr('disabled') != 'undefined') {
                        }else {
                            $("#yan").attr('style','background-color: #FFFFFF;color: #0cc215;');
                            $("#yan").attr('disabled','disabled');
                            $("#bianji").removeAttr('style');
                            $("#bianji").attr('style','width: 100px');
                            $("#bianji").removeAttr('disabled');
                        }
                        clearInterval(timer);
                    }
                }, 1000);

            });
        })

      layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });

       /*用户-停用*/
      function member_stop(obj,id){
          layer.confirm('确认要停用吗？',function(index){

              if($(obj).attr('title')=='启用'){

                //发异步把用户状态进行更改
                $(obj).attr('title','停用')
                $(obj).find('i').html('&#xe62f;');

                $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                layer.msg('已停用!',{icon: 5,time:1000});

              }else{
                $(obj).attr('title','启用')
                $(obj).find('i').html('&#xe601;');

                $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                layer.msg('已启用!',{icon: 5,time:1000});
              }
              
          });
      }

      /*用户-删除*/
      function member_del(obj,id){
          layer.confirm('确认要删除吗？',function(index){
              //发异步删除数据
              $(obj).parents("tr").remove();
              layer.msg('已删除!',{icon:1,time:1000});
          });
      }



      function delAll (argument) {

        var data = tableCheck.getData();
  
        layer.confirm('确认要删除吗？'+data,function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
            $(".layui-form-checked").not('.header').parents('tr').remove();
        });
      }
    </script>
  </body>

</html>